// 1.装包 yarn add vue-router@3.5.3
// 2. 引入到 main.js VueRouter 是一个构造函数
import VueRouter from 'vue-router'
// 引入组件
import Vue from 'vue'

import Find from '../views/Find.vue'
import Main from '../views/Main.vue'
import Part from '../views/Part.vue'
import NotFound from '../views/NotFound.vue'
// 3. 安装 VueRouter 插件, Vue.use()
Vue.use(VueRouter)
// 4. 创建路由对象
// 核心步骤1: 配置路由规则
const routes = [
  // 一个对象表示一条路由规则, 路由就是路径
  // {
    // 路径
    // path: '',
    // 组件
    // component: 组件对象
  // }
  {
    path: '/',
    rederect: '/find'
  },
  {
    // 路径
    path: '/find',
    // 组件
    component: Find,
    name: 'find'
  },
  {
    // 路径
    path: '/my',
    // 组件
    component: Main,
    name: 'my'
  },
  {
    // 路径
    path: '/part',
    // 组件
    component: Part,
    name: 'part'
  },
  {
    path: "*",
    component: NotFound
  }
]
const router = new VueRouter({
  // 可以配置路由信息
  routes,
  // 可以修改默认的类名
  // linkActiveClass: 'active'

  // # 就是 hash 
})

// 默认导出 router 对象
export default router